<template>
	<div>
		<ul class="asideNav">
			
			<li  v-for="item in menus" :key="item.index">{{item}}</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'siderBarComponent',
		props:{
			menus:Array
		},
		data(){
			return{

			}
		}

	}
</script>

<style scoped="scoped" lang="less">
	.asideNav{
		border-top: 1px solid #ccc;
		li{
			height: 62px;
			line-height: 62px;
			border-bottom: 1px solid #ccc;
		    color: #1a66b3;
		    font-size: 16px;
			background: url(../assets/images/jiantouBlue.jpg) no-repeat right center;
		}
	}
</style>
